<template>
  <div style="width: 300px;overflow: hidden;white-space:initial">
    <q-chip v-for="tag in tags" :key="tag.name"
            :color="'primary'"
            text-color="white"
            size="sm">
      <span>{{ tag }}</span>
    </q-chip>
  </div>
</template>

<script>
export default {
  name: 'StringTagChip',
  props: {
    tagStr: {
      type: String,
      default: ''
    },
    removable: Boolean
  },
  methods: {},
  computed: {
    tags () {
      return this.tagStr.split(' ').filter(e => e)
    }
  }
}
</script>

<style scoped>

</style>
